<template>
   <xl-btn class="black" @click.native='cancelOrder'>取消订单</xl-btn>
</template>
<script>
import xlBtn from '@c/xlBtn'
export default {
  name: 'btnCancel',
  components:{
    xlBtn
  },
  props:['id'],
  data () {
    return {
      
      }
  },
  methods:{
    cancelOrder(){
      // todo 取消订单相关逻辑
      this.$emit('f5')
  }
}
}
</script>
<style lang='scss'>

</style>